@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.web{
    position: relative;
    font-size:0;
    width:r(750);
    height:100vh;
    >img{
        width:100%;
        height:100%;
    }
    >.rocket{
        position: absolute;
        width:r(150);
        bottom:r(190);
        left:r(239);
        >img{
            width:100%;
        }
    }
    >.jump{
        position: absolute;
        width:r(150);
        bottom:r(30);
        right:r(15);
        >img{
            width:100%;
        }
        >.down{
            animation:bounceInDown  0.5s ease-in-out 1; 
        }
        >.change{
            animation:heartBeat  1.5s ease-in-out infinite; 
        }
    } 
}
.web2{
    display:none;
    position: relative;
    font-size:0;
    width:r(750);
    height:100vh;
    >img{
        width:100%;
        height:100%;
    }
    >.t_Tile{
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        top:r(105);
        width:r(710);
        animation: zoomInDown 0.5s 1;
        -webkit-animation: zoomInDown 0.5s 1;
        >img{
            width:100%;
        }
    }
    >.w2_btn{
        // animation: flash 2s infinite;
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        bottom:r(35);
        width:r(390);
    
        >img{
            width:100%;
        }
    }
}

.web3{
    background:url(../img/w3bg.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    font-size:0;
    width:r(750);
    height:100vh;
    >.deng{
        margin:0 auto;
        width:r(660);
        >img{
            width:100%;
        }
    }
    >.qiqiu{
        position: absolute;
        top:80px;
        left:r(61);
        width:r(485);
        >img{
            width:100%;
        }
    }
    >.car{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        width:r(750);
        >img{
            width:100%;
        }
    }
    >.xuanxiang{
        position: absolute;
        left:r(50);
        // transform: translateX(-50%);
        bottom:r(35);
        width:r(523);
        >li{
            width:r(523);
            >img{
                width:100%;
            }
        }
    }
    >.zuiba{
        position: absolute;
        width:r(139);
        bottom:r(280);
        right:r(35);
        >img{
            width:100%;
        }
    }
}